import { Component, OnInit } from '@angular/core';
import { MessageboardService } from '../../service/messageboardService';
import { Msgboard } from '../../model/Msgboard';
import { DatePipe } from '@angular/common';
import { Location } from '@angular/common';
import { MarkdownFile } from 'src/app/model/MarkdownFile';

@Component({
  selector: 'app-messageboard',
  templateUrl: './messageboard.component.html',
  styleUrls: ['./messageboard.component.css']
})
export class MessageboardComponent implements OnInit {
  fakeMdFile:MarkdownFile;

  constructor(public location:Location){ }

  ngOnInit():void{ 
    this.fakeMdFile = new MarkdownFile;
    this.fakeMdFile.id = -1;
    this.fakeMdFile.filename = "留言板";
  }

  back(){
    this.location.back();
  }
  // lastSubmitTime = null;
  // msgs:any[];
  // msg:any;
  // constructor(public messageboardService:MessageboardService,
  //           public datePipe:DatePipe,
  //           public location:Location) { }

  // ngOnInit(): void {
  // this.getMsg();
  // }
  // getMsg(){
  //   this.messageboardService.getAllMessage().subscribe(datas=>{

  //     this.msgs = datas.reverse();
  //   })
  // }

  // addMsg(){
  //   let time = new Date().getTime();
  //   if(( time - this.lastSubmitTime) < 10000){
  //     alert("please wait 10 seconds and try again");
  //     return;
  //   }
  //   let message = new Msgboard();
  //   message.date = this.datePipe.transform(new Date(),'yyyy-MM-dd hh:mm:ss');
  //   message.msg = this.msg;
  //   if(this.msg == '' || this.msg == null){
  //     alert("please write somethiing");
  //     return;
  //   }
  //   if(this.msg.length > 100){
  //     alert("you write too much");
  //     return;
  //   }
  //   this.messageboardService.addMessage(message).subscribe(response=>{
  //     console.log(response);
  //     this.clean();
  //     this.getMsg();
  //     this.lastSubmitTime = new Date().getTime();
  //   },
  //   error=>{
  //     alert("submit error");
  //   })

  // }


  // clean(){
  //   this.msg = "";
  // }
  // back(){
  //   this.location.back();
  // }

  // test(e){
  //   console.log(e);
  // }
}
